<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <title>Log In</title>

        <!-- Framework CSS -->
        <link rel="stylesheet" href="/resources/css/frame/screen.css" type="text/css" media="screen, projection" />
        <link rel="stylesheet" href="/resources/css/theme.css" type="text/css" media="screen, projection" />

        <!--[if IE]><link rel="stylesheet" href="/resources/css/frame/ie.css" type="text/css" media="screen, projection"><![endif]-->

        <script language="javascript" type="text/javascript" src="/resources/js/jquery.js"></script>
        <script language="javascript" type="text/javascript" src="/resources/js/validate/jquery.validate.js"></script>
        <script language="javascript" type="text/javascript" src="/resources/js/validate/localization/messages_es.js"></script>

        <script type="text/javascript">
            $(document).ready(function () {
                $('#frmLogin').validate();

                $('#doLogin').click(function (e) {
                    $('#frmLogin').submit();
                })
            })
        </script>
    </head>

    <body class="login">

        <div class="container_12">

            <div class="grid_6 prefix_3 suffix_3">

                <div class="main login" style="width:auto; padding:20px;">

                    <div class="content-box">

                        <div class="content-header">
                            <h3>Login</h3>
                        </div>

                        <?php if ($this->message): ?>
                            <div class="notice">
                                <?php echo $this->message; ?>
                            </div>
                        <?php endif; ?>

                        <div class="error" style="display: none">
                        </div>
                        <p>Ingrese sus datos:</p>
                        <form id="frmLogin" action="/login/doLogin" method="post">
                            <div class="lileft">
                                <label>Usuario</label>
                                <input type="text" name="user" id="user" value=""  />
                            </div>

                            <div class="liright">
                                <label>Contraseña</label>
                                <input type="password" name="password" id="password" value=""  />
                            </div>

                            <p class="link">
                                <a href="javascript:void(0)" id="doLogin"><span><span>Ingresar</span></span></a>
                            </p>
                        </form>

                        <div class="clear"></div>
                        <a href="/register">
                            Registrate!
                        </a>

                    </div>

                </div>

            </div>

        </div>

    </body>
</html>

